<!DOCTYPE html>
<html>
<head>
    <title>M3u8播放器</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: #1a1a1a;
            font-family: Arial, sans-serif;
        }
        
        #container {
            width: 100%;
            height: 100%;
            display: flex;
        }
        
        #player {
            width: 85%;
            height: 100%;
            background-color: #000000;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
        }
        
        #player video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        #playlist {
            width: 15%;
            height: 100%;
            background-color: #222222;
            border-radius: 10px;
            color: #FFFFFF;
            overflow-y: auto;
            padding: 20px;
        }
        
        #playlist ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        
        #playlist li {
            margin-bottom: 10px;
            cursor: pointer;
        }
        
        #playlist li:hover {
            color: #FF0000;
        }
        
        #playlist li.active {
            color: #FF0000;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="player">
            <video id="videoPlayer" controls autoplay></video>
        </div>
        <div id="playlist">
            <ul>
                <li class="active" onclick="changeSource('https://node1.olelive.com:6443/live/CCTV1HD/hls.m3u8')">CCTV1</li>
                <li onclick="changeSource('https://node1.olelive.com:6443/live/CCTV2HD/hls.m3u8')">CCTV2</li>
                <li onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226720/1.m3u8')">CCTV3</li>
                <li onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226725/1.m3u8')">CCTV4</li>

                <li class="active" onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226731/1.m3u8')">CCTV5</li>
                <li onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226711/1.m3u8')">CCTV5+</li>
                <li onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226699/1.m3u8')">CCTV6</li>
                <li onclick="changeSource('https://node1.olelive.com:6443/live/CCTV7HD/hls.m3u8')">CCTV7</li>

                <li class="active" onclick="changeSource('http://120.196.232.124:8088/rrs03.hw.gmcc.net/PLTV/651/224/3221226715/1.m3u8')">CCTV8</li>
                <li onclick="changeSource('http://113.207.84.196/session/0b6495a8-47ac-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv9HD/__op/default/__f/index.m3u8?token=006e8ef08013a0bd7dd005d759fb9aae_1693532230_1693532230')">CCTV9</li>
                <li onclick="changeSource('http://113.207.84.196/session/1f60a060-47ac-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv10HD/__op/default/__f/index.m3u8?token=80815bd3c37677ecb5cd828ce84da1f1_1693537757_1693537757')">CCTV10</li>
                <li onclick="changeSource('http://113.207.84.199/session/5546a80a-47ac-11ee-a899-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv11HD/__op/default/__f/index.m3u8?token=b2634db2927ccdd5c859c7d152529b95_1693537998_1693537998')">CCTV11</li>

                <li class="active" onclick="changeSource('http://113.207.84.199/session/4de456b4-47ae-11ee-aa41-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv12HD/__op/default/__f/index.m3u8?token=eec7db1a69ba26dcc5b74e7ec3bca005_1693538844_1693538844')">CCTV12</li>
                <li onclick="changeSource('https://live-play.cctvnews.cctv.com/cctv/merge_cctv13_mhd.m3u8')">CCTV13</li>
                <li onclick="changeSource('http://113.207.84.200/session/83931610-47ae-11ee-b40c-525400e67560$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctvseHD/__op/default/__f/index.m3u8?token=1c82cfc878923a7ed6d00b035d1bf367_1693535500_1693535500')">CCTV14</li>
                <li onclick="changeSource('http://113.207.84.200/session/99edb4d8-47ae-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv15HD/__op/default/__f/index.m3u8?token=04f795efb00bbacff1390331654781ac_1693534712_1693534712')">CCTV15</li>

                <li class="active" onclick="changeSource('http://113.207.84.199/session/d0552a1a-47ae-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv17HD/__op/default/__f/index.m3u8?token=a5c7da3381c3a6228b0691f9ef648003_1693539063_1693539063')">CCTV17</li>
                <li onclick="changeSource('http://113.207.84.197/session/e774f752-47ae-11ee-9c5a-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cctv16HD/__op/default/__f/index.m3u8?token=5e63cc3686033823bcc87bd92b61484f_1693539079_1693539079')">CCTV16</li>
                <li onclick="changeSource('http://113.207.84.199/session/449abfd4-47af-11ee-bad6-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cgtnSD/__op/default/__f/index.m3u8?token=58e3a147e7cf42ec2b64aff7954732ba_1693535658_1693535658')">CGTN新闻</li>
                <li onclick="changeSource('https://livefr.cgtn.com/1000f/prog_index.m3u8')">CGTN法语频道</li>

                <li class="active" onclick="changeSource('https://livees.cgtn.com/1000e/prog_index.m3u8')">CGTN西语频道</li>
                <li onclick="changeSource('https://livear.cgtn.com/1000a/prog_index.m3u8')">CGTN阿语频道</li>
                <li onclick="changeSource('http://news.cgtn.com/resource/live/russian/cgtn-r.m3u8')">CGTN俄语频道</li>
                <li onclick="changeSource('https://livedoc.cgtn.com/1000d/prog_index.m3u8')">CGTN纪录片</li>

                <li class="active" onclick="changeSource('http://113.207.84.200/session/90f8f106-47b0-11ee-aa41-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/bqkjHD/__op/default/__f/index.m3u8?token=d5c434f9fc54d5e54acccb7821986c74_1693533570_1693533570')">CCTV兵器科技</li>
                <li onclick="changeSource('http://113.207.84.197/session/b6f7e5e2-47b0-11ee-9c5a-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/diyijuchangHD/__op/default/__f/index.m3u8?token=14f973b9c5428cde0086e41f88823390_1693538622_1693538622')">CCTV第一剧场</li>
                <li onclick="changeSource('http://113.207.84.196/session/cbf23380-47b0-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/yswhHD/__op/default/__f/index.m3u8?token=094d34a950c16c7c55e9af75690a3854_1693539914_1693539914')">CCTV央视文化</li>
                <li onclick="changeSource('http://113.207.84.199/session/043958f4-47b1-11ee-83eb-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/hjjcHD/__op/default/__f/index.m3u8?token=830a8473ba54d45f324a06effbf662a8_1693533872_1693533872')">CCTV怀旧剧场</li>

                <li class="active" onclick="changeSource('http://113.207.84.200/session/90c159a2-47b1-11ee-aa89-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/fyzqHD/__op/default/__f/index.m3u8?token=6bc078beedd7273a690440a5a53cea8e_1693533885_1693533885')">CCTV风云足球</li>
                <li onclick="changeSource('http://113.207.84.197/session/bdd4c3f2-47b1-11ee-83eb-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/fyyyHD/__op/default/__f/index.m3u8?token=bdeb60b9bfe7d0b41c40ed1c8431e0c8_1693540288_1693540288')">CCTV风云音乐</li>
                <li onclick="changeSource('http://113.207.84.197/session/f5d417d0-47b1-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/fyjcHD/__op/default/__f/index.m3u8?token=a80f721f46a76788bf5b877c00d02faa_1693538622_1693538622')">CCTV风云剧场</li>
                <li onclick="changeSource('http://113.207.84.196/session/8d413bc0-47b2-11ee-a899-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/shuhua/__op/default/__f/index.m3u8?token=333dd2a39913940c151acff00b74ef91_1693536854_1693536854')">CCTV书画频道</li>

                <li class="active" onclick="changeSource('http://113.207.84.200/session/ad6cef3e-47b2-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/qicai/__op/default/__f/index.m3u8?token=36578ba65b36448ce0d64746dac514a7_1693540723_1693540723')">CCTV中学生</li>
                <li onclick="changeSource('http://113.207.84.197/session/c3f1773e-47b2-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/ysgw/__op/default/__f/index.m3u8?token=0cd12a32a3496a41c4c5afa4615c580f_1693539721_1693539721')">CCTV中视购物</li>
                <li onclick="changeSource('http://113.207.84.196/session/0e1486bc-47b3-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/tianqiSD/__op/default/__f/index.m3u8?token=40afa96bc3337a0eb4f698d4ee7ec12c_1693540807_1693540807')">中国天气频道</li>
                <li onclick="changeSource('http://113.207.84.196/session/2ec04f36-47b3-11ee-aa41-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/ystqHD/__op/default/__f/index.m3u8?token=be5005133c2b72e39a01cd13e93ec37a_1693537038_1693537038')">CCTV台球</li>

                <li class="active" onclick="changeSource('http://113.207.84.197/session/48817a26-47b3-11ee-bc79-525400e67560$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/nvxing/__op/default/__f/index.m3u8?token=b7e19e90e7f3a6e557676994681627c9_1693540983_1693540983')">CCTV女性时尚</li>
                <li onclick="changeSource('http://113.207.84.199/session/85c0a588-47b3-11ee-83eb-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/cetv-1SD/__op/default/__f/index.m3u8?token=0559a2ad6fbe3ae660396eb9357d948c_1693540580_1693540580')">CETV1</li>
                <li onclick="changeSource('http://txycsbl.centv.cn/zb/0822cetv2.m3u8')">CETV2</li>
                <li onclick="changeSource('http://txycsbl.centv.cn/zb/0822cetv3.m3u8')">CETV3</li>

                <li class="active" onclick="changeSource('http://txycsbl.centv.cn/zb/0822cetv4.m3u8')">CETV4</li>
                <li onclick="changeSource('http://113.207.84.196/session/0bd23010-47b4-11ee-aa89-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/chcdzdyHD/__op/default/__f/index.m3u8?token=fbc2298a824014a062256ba81dd6abb1_1693539373_1693539373')">CHC动作电影</li>
                <li onclick="changeSource('http://113.207.84.196/session/2efacf8e-47b4-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/chcjtyyHD/__op/default/__f/index.m3u8?token=d66e827349861f228f52bfd5d8d6a32f_1693539833_1693539833')">CHC家庭影院</li>
                <li onclick="changeSource('http://tv6.blcu.edu.cn/liverespath/9b1ccba5a2c611bb5d7c96243695572090cca5fd/69bc256fcf-0-0-8ea2546328fd50b68797fc8ca38de868/index.m3u8')">湖南卫视</li>

                <li class="active" onclick="changeSource('http://hw-m-l.cztv.com/channels/lantian/channel01/360p.m3u8')">浙江卫视</li>
                <li onclick="changeSource('https://volc-stream.kksmg.com/live/dfws/index.m3u8?volcSecret=ce800221e3586a6b383b2a1405baf3a0&volcTime=1693541997')">东方卫视</li>
                <li onclick="changeSource('http://113.207.84.196/session/b9de66c8-47b5-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/jiangsuHD/__op/default/__f/index.m3u8?token=c86a66fe4b32a56918eb74da0a779e3e_1693541729_1693541729')">江苏卫视</li>
                <li onclick="changeSource('https://iptv.luas.edu.cn/liverespath/e33ecd37f56b7f7675d8d7f62942059ac31c9f3f/78f43e10cb-0-0-1508c50c1aefd508bf83008859b8e531/index.m3u8')">安徽卫视</li>

                <li class="active" onclick="changeSource('http://113.207.84.197/session/58235744-47b6-11ee-a43e-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/chongqingHD/__op/default/__f/index.m3u8?token=f959d264157604f30b8d6098f7e0a955_1693538163_1693538163')">重庆卫视</li>
                <li onclick="changeSource('https://hsplay-360.v.btime.com/live_btime/btv_sn_20170706_s1/index.m3u8?time=1693454617&sign=1f7b7b042f11cd9b97015941594abae1')">BTV北京卫视</li>
                <li onclick="changeSource('http://113.207.84.196/session/99d81238-47b6-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/tianjinHD/__op/default/__f/index.m3u8?token=48d93b9a6e683e76bf3797152ac45ce1_1693536388_1693536388')">天津卫视</li>
                <li onclick="changeSource('http://113.207.84.196/session/dae07cd4-47b6-11ee-a43e-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/liaoningHD/__op/default/__f/index.m3u8?token=b10988f4708b63127328cfc875ecfc59_1693541920_1693541920')">辽宁卫视</li>

                <li class="active" onclick="changeSource('http://113.207.84.200/session/f8ec9276-47b6-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/jiangxiHD/__op/default/__f/index.m3u8?token=bae6c58155a730553d52bae5f4ccb1ba_1693539804_1693539804')">江西卫视</li>
                <li onclick="changeSource('http://113.207.84.196/session/8e8dba5a-47bf-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/heilongjiangHD/__op/default/__f/index.m3u8?token=0cc311e32700d7f9827eba3b7d55fc63_1693544884_1693544884')">黑龙江卫视</li>
                <li onclick="changeSource('http://l1.weihai.tv:8081/hls/oK0gP1n8et.m3u8')">山东卫视</li>
                <li onclick="changeSource('http://tvlive.ynradio.com/live/yunnanweishi/chunks.m3u8')">云南卫视</li>

                <li class="active" onclick="changeSource('http://113.207.84.200/session/da934364-47b7-11ee-bad6-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/sichuanHD/__op/default/__f/index.m3u8?token=ed1394a9d0c8d481fc22e8448f954a31_1693538931_1693538931')">四川卫视</li>
                <li onclick="changeSource('https://pluslive.kangbatv.com/1/playlist.m3u8?auth_key=1693459338-0-0-35fd0f05f05093e2fcdabcee6d98af9b')">四川康巴卫视</li>
                <li onclick="changeSource('http://tvcdn.stream3.hndt.com/tv/65c4a6d5017e1000b2b6ea2500000000_transios/playlist.m3u8?wsSecret=28ba1eff692bfca50d3ef9840a4d26e4&wsTime=1693466165')">河南卫视</li>
                <li onclick="changeSource('http://113.207.84.196/session/615c89dc-47b8-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/guangdongHD/__op/default/__f/index.m3u8?token=b08b3b335593d9e80390375b55461988_1693543172_1693543172')">广东卫视</li>

                <li class="active" onclick="changeSource('http://113.207.84.197/session/7ec55396-47b8-11ee-bcbe-5254006225bb$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/shenzhenHD/__op/default/__f/index.m3u8?token=500a09b6f36e918380d4792b8bdfaad6_1693542949_1693542949')">深圳卫视</li>
                <li onclick="changeSource('http://113.207.84.200/session/a91a28ec-47b8-11ee-a8a7-5254003e6f6f$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/hubeiSD/__op/default/__f/index.m3u8?token=456954a1515d743bfe8150d678f0dce3_1693540874_1693540874')">湖北卫视</li>
                <li onclick="changeSource('http://113.207.84.199/session/c9011f76-47b8-11ee-aa89-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/dongnanHD/__op/default/__f/index.m3u8?token=9c32b7dca4adea595952dfadbb7f3ca8_1693539494_1693539494')">东南卫视</li>
                <li onclick="changeSource('https://iptv.luas.edu.cn/liverespath/151ef24b315bb7709d1a2f7a35d260932c6e9eb5/a2d62fea54-0-0-b284c367e24c9603fda1fbd951edd925/index.m3u8')">厦门卫视</li>

                <li class="active" onclick="changeSource('http://live6.fjtv.net/haixiapd/playlist.m3u8?_upt=0bb0b9271693461898')">海峡卫视</li>
                <li onclick="changeSource('https://tv.pull.hebtv.com/jishi/weishipindao.m3u8?t=2510710360&k=3944fff7fdd8f8caf6adce2c9a0ef126')">河北卫视</li>
                <li onclick="changeSource('http://113.207.84.200/session/1f7c2e22-47b9-11ee-b40c-525400e67560$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/jilinHD/__op/default/__f/index.m3u8?token=f1b1b0b0fc928ff6619c98916bfeb138_1693541001_1693541001')">吉林卫视</li>
                <li onclick="changeSource('https://live.gxrb.com.cn/tv/gxtvlive01/index.m3u8')">广西卫视</li>
                <li onclick="changeSource('https://livehhhttps.sxrtv.com/lsdream/q8RVWgs/1000/53sq0R0.m3u8')">山西卫视</li>
                <li onclick="changeSource('http://stream.snrtv.com/sxbc-star-chpFNX.m3u8')">陕西卫视</li>
                <li onclick="changeSource('https://livestream-bt.nmtv.cn/nmtv/2314general.m3u8?txSecret=dc348a27bd36fe1bd63562af5e7269ea&txTime=771EF880')">内蒙古卫视</li>
                <li onclick="changeSource('https://dispatchnew.ulivetv.net/v/live/cgwvs6rwtha8.m3u8?stream_id=cgwvs6rwtha8&token=c0vzuc7wqkzk')">宁夏卫视</li>
                <li onclick="changeSource('https://tv.vtibet.cn/live/131zyiL0LNs3.m3u8?secret=8e3594860038fb4e4401a56f11c49aea&time=64f01bae')">西藏卫视</li>
                <li onclick="changeSource('https://dispatchnew.ulivetv.net/v/live/cgwvnvzbcatc.m3u8?stream_id=cgwvnvzbcatc&token=c0vzuc7wqkzk')">甘肃卫视</li>
                <li onclick="changeSource('http://stream3.hnntv.cn/hnws/playlist.m3u8?_upt=df5b03a41693461854')">海南卫视</li>
                <li onclick="changeSource('https://9bwaz8y2.gzstv.com/live/CH01_lo.m3u8?txSecret=6ba118e91395541361d42b2845dca728&txTime=64F01AE4')">贵州卫视</li>
                <li onclick="changeSource('http://stream.qhbtv.com/qhws/sd/live.m3u8?_upt=2ac1c8851693464122')">青海卫视</li>
                <li onclick="changeSource('http://113.207.84.199/session/13623e5a-47ba-11ee-bad6-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/bingtuanSD/__op/default/__f/index.m3u8?token=f08cb9bcaa0a5f9b0c95357b3033f2bd_1693537115_1693537115')">兵团卫视</li>
                <li onclick="changeSource('http://113.207.84.199/session/288a5006-47ba-11ee-aa41-5254004d191c$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/sanshaSD/__op/default/__f/index.m3u8?token=f3ea7cdd97ce9ee9dc872c2481828c79_1693542446_1693542446')">三沙卫视</li>
                <li onclick="changeSource('https://tv.vtibet.cn/live/131Ub77uAoZ1.m3u8?secret=6197abc5f24af084faf1055d4090cace&time=64f01c6e')">西藏藏语卫视</li>
                <li onclick="changeSource('http://anren.live/HK/BiIOU11uLA.m3u8')">莲花卫视</li>
                <li onclick="changeSource('http://113.207.84.200/session/db596784-47cf-11ee-9c5a-525400a6deee$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/xfjcHD/__op/default/__f/index.m3u8?token=b49d0a7fe98e3d5254db3e42b579b5e1_1693546713_1693546713')">凤凰卫视</li>
                <li onclick="changeSource('https://video.bread-tv.com:8091/hls-live24/online/index.m3u8')">香港面包台</li>
                <li onclick="changeSource('http://61.10.2.141/live_freedirect/hd110_h.live/playlist.m3u8')">香港有线新闻</li>
                <li onclick="changeSource('http://198.16.100.90:8278/jade_twn/playlist.m3u8?tid=ME6E1330319113303191&ct=19225&tsum=d76985c4965fd63807e131035f66af09')">翡翠台</li>
                <li onclick="changeSource('https://nhkwlive-ojp.akamaized.net/hls/live/2003459/nhkwlive-ojp-en/index.m3u8')">香港开电视</li>
                <li onclick="changeSource('https://rthktv32-live.akamaized.net/hls/live/2036819/RTHKTV32/stream2/streamPlaylist.m3u8')">香港32台</li>
                <li onclick="changeSource('http://zhibo.hkstv.tv/livestream/mutfysrq/playlist.m3u8')">香港卫视</li>
                <li onclick="changeSource('http://brics.bonus-tv.ru/cdn/brics/chinese/tracks-v1a1/index.m3u8')">金砖电视</li>
                <li onclick="changeSource('http://61.216.67.119:1935/bltvhd/bltv1/chunklist_w1266569526.m3u8')">人间卫视</li>
                <li onclick="changeSource('http://38.64.72.148:80/hls/modn/list/4012/chunklist1.m3u8')">民事新闻</li>
                <li onclick="changeSource('http://50.7.238.114:8278/sanlitaiwan/playlist.m3u8?tid=m92ccadc4dc3718157816&ct=17874&tsum=3570a8198ca0fb7ebb803807e38b33fb')">三立台湾</li>
                <li onclick="changeSource('http://198.16.100.90:8278/ftvtaiwan_twn/playlist.m3u8?tid=MEFE5254515252545152&ct=19249&tsum=c17f872b1772df8f76032030cc40bdbd')">民视台湾台</li>
                <li onclick="changeSource('http://198.16.100.90:8278/ctinews/playlist.m3u8?tid=MC3C3915550439155504&ct=19193&tsum=a8168b7967dda9bfebdd5b1403dc19b0')">中天新闻</li>
                <li onclick="changeSource('http://113.207.84.199/session/b7ce5bfe-47e2-11ee-8422-525400dfb345$h1.0$tv.live.cbnbn.cn/673dxt/__cl/cg:live/__c/yxfyHD/__op/default/__f/index.m3u8?token=dec3336c669ecff15e8d9f0209d1027d_1693555178_1693555178')">游戏风云</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
                <li onclick="changeSource('video3.m3u8')">视频3</li>
                <li onclick="changeSource('video4.m3u8')">视频4</li>
            </ul>
        </div>
    </div>

    <script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>
    <script>
        var video = document.getElementById('videoPlayer');
        var playlistItems = document.querySelectorAll('#playlist li');

        function changeSource(source) {
            for (var i = 0; i < playlistItems.length; i++) {
                playlistItems[i].classList.remove('active');
            }
            event.target.classList.add('active');
            
            if (Hls.isSupported()) {
                var hls = new Hls();
                hls.loadSource(source);
                hls.attachMedia(video);
            } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
                video.src = source;
            }

            video.load();
            video.play();
        }
    </script>
</body>
</html>
